<!--
 * @Description: 
 * @Author: 宋鹏珲
 * @Date: 2021-07-17 11:03:31
 * @LastEditors: 宋鹏珲
 * @LastEditTime: 2021-07-17 16:15:21
-->
<template>
    <div class="public">
        <el-carousel :interval="4000" type="card" height="350px" >
         <el-carousel-item v-for="item in url" :key="item">
      <!-- <h3 class="medium">{{ item }}</h3> -->
      <img :src="item" width="680px" height="350px" alt="">
    </el-carousel-item>
  </el-carousel>
        <div class="head">
        疫情防控宣传小知识
        </div>
        <div class="contain">
            疫情尚未结束，防控仍在进行。低风险并不等于零风险，常态化疫情防控仍需大家的坚持，时刻绷紧疫情防控这根弦，提高自我防范意识，做好常态化疫情个人防护。
            <br><p align="left">疫情防控从我做起</p>
            <img src="http://120.53.125.221:8181/uploadimg/1.png" >
            <br>
            <p class="p1">新冠肺炎小知识<br></p>
            <p class="p3">
            传播途径<br></p>
            <p class="p2">
            1·直接传播<br>

            是指患者喷嚏、咳嗽、说话的飞沫，呼出的气体近距离直接吸入导致的感染。<br>

            2·气溶胶传播<br>

            是指飞沫混合在空气中，形成气溶胶，吸入后导致感染。<br>

            3·接触传播<br>

            是指飞沫沉积在物品表面，接触污染手后，再接触口腔、鼻腔、眼睛等粘膜，导致感染。<br></p>
            <img src="http://120.53.125.221:8181/uploadimg/2.jpeg" alt="">
            <p class="p3">健康检测</p>

            <p class="p2">健康监测是一件需要共同了解、共同完成、共同努力的事，应尽量不跨省域长途旅行，如离开居住地的，严格履行请假报告制度。需报告外出的时间和行程，如需出省，请自觉居家隔离14天，做好自我防护措施，在公共场所不触碰公共物品，与他人保持距离。
            </p>
            <img src="http://120.53.125.221:8181/uploadimg/3.jpeg" width="75%">
            <img src="http://120.53.125.221:8181/uploadimg/4.jpeg" alt="">
            <p class="p3">外出须知</p>

            <p class="p2">外出采购应该就近选择附近的超市或者在营业的便利店避免乘坐公共交通工具，提前确定好采购物品，合理分配采购人员（尽量选择年轻人出门，避免老人和孩子等），减少外出人员和时间。同时在途中要远离人群密集处，保障他们的安全。
            <br><br>        
            面对电梯按钮和门把手等高频接触区域，应该使用面巾纸、消毒纸等隔开，避免直接用手触碰。一旦触碰以后，及时洗手、消毒。</p>
            <img src="http://120.53.125.221:8181/uploadimg/5.jpeg" alt="">
            <p class="p3">回家清洁须知</p>
            <p class="p2">
            外出归来，清洁到位，当我们外出回家时，进门后进行进行彻底的清洁，防止将病毒携带至家中。需要记住，尽量不出门，回家四件事，口罩正确弃，手机要消毒，善用清洁台，咳嗽不恐惧。在回家后，一定不能忘记洗手！并且用抗菌洗手液、香皂在流动清水下进行，每两个步骤最少实施五次，每次洗手时需要十至十五秒。为了方便记忆揉搓步骤简单归纳为七字口诀：内-外-夹-弓-大-立-腕。
            </p>
            <img src="http://120.53.125.221:8181/uploadimg/6.jpeg" alt="">
        </div>
    </div>
</template>

<script>
    export default {
      data() {
      return {
          img:[
              "http://120.53.125.221:8181/uploadimg/1.png",
            "http://120.53.125.221:8181/uploadimg/2.jpeg",
            "http://120.53.125.221:8181/uploadimg/3.jpeg",
            "http://120.53.125.221:8181/uploadimg/4.jpeg",
            "http://120.53.125.221:8181/uploadimg/5.jpeg",
            "http://120.53.125.221:8181/uploadimg/6.jpeg",
          ],
          url: [
            "http://120.53.125.221:8181/uploadimg/走1.jpeg",
            "http://120.53.125.221:8181/uploadimg/走2.png",
            "http://120.53.125.221:8181/uploadimg/走3.jpeg",
            "http://120.53.125.221:8181/uploadimg/走4.png",
            "http://120.53.125.221:8181/uploadimg/走5.png",
            "http://120.53.125.221:8181/uploadimg/走6.png",
            "http://120.53.125.221:8181/uploadimg/走7.jpeg",
            "http://120.53.125.221:8181/uploadimg/走8.png",
            "http://120.53.125.221:8181/uploadimg/走9.jpeg",
            "http://120.53.125.221:8181/uploadimg/走10.png",
            "http://120.53.125.221:8181/uploadimg/走11.png",
            "http://120.53.125.221:8181/uploadimg/走12.png",
            
      ],
      };
     },
    computed: {},
    methods: {},
    created() {},
    mounted() {}
    };
</script>
<style scoped>
.public{
    height: calc(100vh - 50px);
  overflow: auto;
  background-color: lightyellow;
}
    .head{
      text-align: center;
      color: rgb(51, 47, 36);
      background-color: lightyellow;
      font-weight: 700;
      font-size: x-large;
    }
    .contain{
        background-color: lightyellow;
        text-align: center; 
        width:50%;
        margin:0 auto;
        
        width:50%;
    }
    .p1{
        font-weight: 700;
      font-size: large;
      text-align: center;
    }
    .p2{
        text-align: left;
    }
    .p3{
        font-weight: 700;
        font-size:large;
        text-align: left;
    }
    .el-carousel__item h3 {
    color: #475669;
    font-size: 14px;
    opacity: 0.75;
    line-height: 200px;
    margin: 0;
  }
  
  .el-carousel__item:nth-child(2n) {
    background-color: #99a9bf;
  }
  
  .el-carousel__item:nth-child(2n+1) {
    background-color: #d3dce6;
  }
</style>

